
// 目录样式
.titlelistwarp{
  overflow-y: scroll;
  height: 75vh;
}
.headlist{
    display: flex;
    flex-direction: column;
    padding: 5px;
    background: #fff;
     
   
    border-left:1px solid #e0f2fe;
    &_title{
      display: flex;
      align-items: center;
      border-bottom:1px solid #e0f2fe;
      border-left:1px solid #e0f2fe;
      padding: 4px 5px;
      background: #fff;
      height: 7vh;
      &>div{
        padding: 8.3px 7px;
      }
    }
    li{
 
       list-style: decimal;
       padding: 0 5px;
      
       border-radius: 5px; 
       margin-bottom: 4px;
      font-size: 14px;
 
      cursor: pointer;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color:#d8d8d8;
      text-decoration: none;
      transition: all .3s ease;
      font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;
      font-size: 16px;
      font-weight: 300;
      &:hover{
         color: #42b983;
      }
       &[class*="-H1"]{
        color: #282c34;
        
        padding-left: 10px;
     } 
     &[class*="-H2"]{
      color: #959da5;
       padding-left: 30px;
     } 
     &[class*="-H3"]{
      color: #959da5;
      padding-left: 40px;
     } 
     &[class*="-H4"]{
       color: #959da5;
       padding-left:50px;
     } 
     &[class*="-H5"]{
      color: #959da5;
      padding-left:60px;
    } 
    &[class*="-H6"]{
      color: #959da5;
      padding-left:70px;
     } 
    }
}


  .menudoms{
    position: absolute;
    background: #fff;
    border-radius: 5px;
    box-shadow: 3px 5px 13px rgb(188, 186, 186);
    opacity: 0;
    transition: all .2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    top:0;
    left: 0;
    cursor: pointer;
    min-width: 50px;
    padding: .1rem .3rem;
    .Menuitem{
      background: #97bce1;
      &:hover{
        background: #8db0d2;  
      }
      padding: .1rem;
      border-radius: 3px;
      font-size: .6rem;
      text-align: center;
      margin: 5px 0;
      white-space: nowrap;
    } 
  }